<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿我的页面</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/my.css">
</head>
<body>
    <!-- 整个页面的容器 -->
    <div id="whole_wrap">
        <!-- 主体内容区域 -->
        <div class="iot_main_body">
            <div class="iot_top">
                <div class="iot_img"><img src="../images/刘诗诗.jpg"></div>
                <div class="iot_show_name">
                    <div class="iot_name">柯基不懂事</div>
                    <div class="iot_update_name">修改头像昵称</div>
                </div>
                <div class="iot_setting"><a href="setting.html">设置</a></div>
            </div>
            <div class="iot_mid">
                <div class="iot_mid_top">
                    <div class="iot_mt_left">我的订单</div>
                    <div class="iot_mt_right"><a href="allorders.html">查看全部订单></a></div>
                </div>
                <div class="iot_mid_buttom">
                    <a href="allorders.html">
                        <img src="../icons/fukuan.svg">
                        <p>待付款</p>
                    </a>
                    <a href="allorders.html">
                        <img src="../icons/fahuo.svg">
                        <p>待发货</p>
                    </a>
                    <a href="allorders.html">
                        <img src="../icons/shouhuo.svg">
                        <p>待收货</p>
                    </a>
                    <a href="allorders.html">
                        <img src="../icons/pingjia.svg">
                        <p>待评价</p>
                    </a>
                    <a href="allorders.html">
                        <img src="../icons/shouhou.svg">
                        <p>售后</p>
                    </a>
                </div>
            </div>
            <div class="iot_buttom">
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                此处猜你喜欢部分首页已经做过，这里不再做了
            </div>
        </div>
        <!-- 底部tab栏 -->
        <div class="iot_footer_tab">
            <div class="iot_footer_tab_item">
                <a href="index.html">
                <div class="iot_footer_tab_icon"><img src="../icons/index.svg"></div>
                <div class="iot_footer_tab_title">首页</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="class.html">
                <div class="iot_footer_tab_icon"><img src="../icons/sort.svg"></div>
                <div class="iot_footer_tab_title">分类</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="shopcar.html">
                <div class="iot_footer_tab_icon"><img src="../icons/shopcar.svg"></div>
                <div class="iot_footer_tab_title">购物车</div>
                </a>
            </div>
            <div class="iot_footer_tab_item">
                <a href="#">
                <div class="iot_footer_tab_icon"><img src="../icons/wode.svg"></div>
                <div class="iot_footer_tab_title" style="color: #27ba9b;">我的</div>
                </a>
            </div>
        </div>
    </div>
    <script>
        var personal = document.querySelector('.iot_img')
        personal.addEventListener('click',()=>{
            window.location='personal.html'
        })
    </script>
</body>
</html>